<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/cass.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
    </script>
</head>
<body>
    <header>
        <aside>
            <div>
                <img src="./img/logo.svg" alt="">
            </div>
            <div>
                <a href="" class="iconfont icon-jinbi"> <span> 签到</span></a>
                <a href="" class="iconfont icon-caidan"></a>
            </div>
        </aside>
        <aside>
            <a href="">要闻</a>
            <a href="">舒波</a>
            <a href="">热点</a>
            <a href="">视频</a>
        </aside>
        <aside>
            <div><a href="">新闻</a></div>
            <div><a href="">体育</a></div>
            <div><a href="">娱乐</a></div>
            <div><a href="">财经</a></div>
            <div><a href="">军事</a></div>
            <div><a href="">本地</a></div>
            <div><a href="">推荐</a></div>
            <div><a href="">NBA</a></div>
            <div><a href="">CBA</a></div>
            <div><a href="">游戏</a></div>
            <div><a href="">汽车</a></div>
            <div><a href="">房产</a></div>
            <div><a href="">国际</a></div>
            <div><a href="">教育</a></div>
            <div><a href="">足球</a></div>
            <div><a href="">星座</a></div>
            <div><a href="">书城</a></div>
            <div><a href="">更多</a></div>
        </aside>
    </header>
    <article>
        <div class="article1">
            <div class="article1_top">
                <h2>第一次第一次第一次第一次第一次</h2>
                <a href="">置顶</a>
                <span>第一次客户端</span>
            </div>
            <div class="article1_mid">
                <h2>第一次第一次第一次第一次第一次</h2>
                <a href="">置顶</a>
                <span>新闻社新闻</span>
            </div>
            <div class="article1_down">
                <h2>第一次第一次第一次第一次第一次</h2>
                <span>中国青年网</span>
            </div>
        </div>
        <div class="article2">
            <div class="article2_img_box">
                <div class="article2_img1">
                    <div class="article2_img1_top a1">
                        <div class="article2_img1_top_left">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网 11分钟前</span>
                        </div>
                        <div class="article2_img1_right">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                    <div class="article2_img1_mid a1">
                        <div class="article2_img1_mid_top">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网11分钟前</span>
                        </div>
                        <div class="article2_img1_mid_down">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                    <div class="article2_img1_down a1">
                        <div class="article2_img1_down_top">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网 11分钟前</span>
                        </div>
                        <div class="article2_img1_down_down">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                </div>
                <div class="article2_img1">
                    <div class="article2_img1_top a1">
                        <div class="article2_img1_top_left">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网11分钟前</span>
                        </div>
                        <div class="article2_img1_right">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                    <div class="article2_img1_mid a1">
                        <div class="article2_img1_mid_top">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网11分钟前</span>
                        </div>
                        <div class="article2_img1_mid_down">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                    <div class="article2_img1_down a1">
                        <div class="article2_img1_down_top">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网11分钟前</span>
                        </div>
                        <div class="article2_img1_down_down">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                </div>
                <div class="article2_img1">
                    <div class="article2_img1_top a1">
                        <div class="article2_img1_top_left ">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网11分钟前</span>
                        </div>
                        <div class="article2_img1_right">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                    <div class="article2_img1_mid a1">
                        <div class="article2_img1_mid_top">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网11分钟前</span>
                        </div>
                        <div class="article2_img1_mid_down">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                    <div class="article2_img1_down a1">
                        <div class="article2_img1_down_top">
                            <p><span>专题</span>第一次第一次第一次第一次第一次
                                </p>
                                <span>海外网11分钟前</span>
                        </div>
                        <div class="article2_img1_down_down">
                            <img src="./img/0.webp" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="article3">
            <div class="article3_top1">
                <div class="article3_top1_1">
                    <aside>
                        <a href="" >海外第一</a>
                        <a href="" >国内第一</a>
                    </aside>
                    <aside>
                        <span>更新于49分钟前 <a href=""> 更多实时报道 ></a></span>
                    </aside>
                </div>
                <div class="article3_top1_2">
                    <aside>
                        <h3>1605</h3>
                        <h4>现有第一次</h4>
                        <p>较上日<span>-25</span></p>
                    </aside>
                    <aside>
                        <h3>991</h3>
                        <h4>第一状感染者</h4>
                        <p>较上日<span>+42</span></p>

                    </aside>
                    <aside>
                        <h3>78042</h3>
                        <h4>累计治愈</h4>
                        <p>较上日<span>+64</span></p>
                    </aside>
                    <aside>
                        <h3>4642</h3>
                        <h4>累计死亡</h4>
                        <p>较上日<span>0</span></p>
                    </aside>
                </div>
            </div>
            <div class="article3_top2">
                <a href="">实时第一次</a>
                <a href="">海外第一次</a>
                <a href="">境外输入</a>
                <a href="">交通信息</a>
                <a href="">复工措施</a>
            </div>
        </div>
    </article>
</body>
</html>